body {
    
 background-image: url(/images/homebackground.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
 cursor: url(/images/cursors/melodydefault.png), auto;
 color: #3a1528;
 font-family: simple;
    
}

body a {
    cursor: url(/images/cursors/melodylink.png), auto;
}

@font-face {
    font-family: PFPixelscriptPro;
    src: url(/fonts/PFPixelscriptPro.woff);
}

@font-face {
    font-family: rainyhearts;
    src: url(/fonts/rainyhearts.ttf);
}

@font-face {
    font-family: simple;
    src: url(/fonts/SimpleKindOfGirl-mnnm.ttf);
}

.anchor {
    
    height: 1px;
    width: 1px;
    max-height: 1080px;
    max-width: 1920px;
    margin: auto;
}

.title {
    position: relative;
    right: 500px;
    height: 500;
    z-index: 1;
}

.doll {
    position: relative;
    bottom: 220px;
    right: 30px;
    height: 550px;
    z-index: 2;
}

.hometext {
    
    position: relative;
    bottom: 450px;
    right: 800px;
    z-index: 3;
    
}

.mobile {
    position: relative;
    bottom: 1200px;
    left: 460px;
    z-index: 2;
}

.copyright {
    position: relative;
    bottom: 620px;
    right: 400px;
    z-index: 4;
}

.about {
    position: relative;
    bottom: 1200px;
    left: 500px;
    z-index: 3;
}

.about:hover {
    filter: grayscale(80%);
    transform: rotate(20deg);
}

.them {
    position: relative;
    bottom: 1340px;
    right: 250px;
    height: 150px;
}

.them:hover {
    filter: grayscale(80%);
    transform: rotate(20deg);
}

.world {
    position: relative;
    bottom: 1700px;
    right: 800px;
}

.world:hover {
    filter: grayscale(80%);
    transform: rotate(-20deg);
}

.wardrobe {
    position: relative;
    bottom: 1600px;
    right: 750px;
}

.wardrobe:hover {
    filter: grayscale(80%);
}

.feelings {
    height: 97px;
    width: 72px;
    background-image: url(/images/feelingsbackground.png);
    padding: 3px 3px;
    border: 2px solid #3a222e;
    border-radius: 5px;
    transform: rotate(-5deg);
    position: relative;
    bottom: 1850px;
    left: 380px;
    z-index: 3;
}

.mood {
    font-family: PFPixelscriptPro;
    font-size: 18px;
    color: #ffe4f3;
    text-shadow: 1px 1px 2px #4c2537;
}

.diary {
    position: relative;
    bottom: 1700px;
    left: 600px;
}

.diary:hover {
    transform: rotate(20deg);
    filter: grayscale(80%);
}

.speech {
    width: 400px;
    position: relative;
    bottom: 1950px;
    left: 200px;
}

.shelf {
    height: 200px;
    position: relative;
    bottom: 2400px;
    right: 500px;
}

.shelf:hover {
    transform: rotate(-20deg);
    filter: grayscale(80%);
}

.cutecutecute {
    position: relative;
    bottom: 2850;
    right: 850px;
}

.scissors {
    position: relative;
    height: 100px;
    bottom: 2500px;
    left: 300px;
}

.lacebow {
    height: 300px;
    position: relative;
    bottom: 2850px;
    left: 600px;
}

.updates {
    height: 250px;
    width: 200px;
    padding: 4px 4px;
    border: 2px dotted #581b3c;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    bottom: 2900px;
    right: 150px;
}